<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html >
<html>
	<head>
		<link rel="shortcut icon" type="image/x-icon"
			href="images/favicon.ico" media="screen" />
		<link href="css/a11yTree.min.css" rel="stylesheet">
		<link href="css/posAndsite.css" rel="stylesheet">
		<script type="text/javascript" src="js/base/jquery.js"></script>
		<script type="text/javascript" src="js/plugins/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/plugins/jqModal.js"></script>
		<script type="text/javascript" src="js/plugins/jqDnR.js"></script>
		<script type="text/javascript" src="js/dataStandardConfig.js"></script>
		<script type="text/javascript"
			src="js/powerFloat/js/jquery-powerFloat.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
		<jsp:include page="title.jsp"></jsp:include>
	</head>
	<body onload="load();">
		<div class="headdiv"><jsp:include page="head.jsp"></jsp:include></div>
		<div class="zhuti">
			<div class="jingediv"></div>
			<div class="lefterdiv">
				<jsp:include page="menu.jsp"></jsp:include>
			</div>
			<div class="jingediv"></div>
			<div class="righterdiv" id="right">
				<form action="dataTransitionManager" method="post" id="myForm">
					<div class="sitebar">
						<div class="floatleft div25 defaultheight"></div>
						<span class="sitename font24"> 数据接口 </span>
						<span class="date font16"> ${datetime } </span>
					</div>
					<div class="widthall">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font24 top26">
								数据规格配置
							</div>
						</div>

						<div class="whitediv em600 font16">
							<div class="divcontent heigthall">
								<div class="em25 widthall"></div>
								<div class="project widthall">
									接口类型：
									<select name="dataTransInfo.type" id="type"
										onchange="search();">
										<option value="1" select="selected">
											POS数据导入
										</option>
									</select>
								</div>

								<div class="em450 widthall">
									<div class="em400 leftDiv floatleft">
										<table class="leftTable"
											style="width: 100%; height: 25em; border-collapse: collapse; text-align: center;">
											<tr class="topTh" style="height: 10%">
												<td>
													字段列表
												</td>
											</tr>
											<tr class="buttomTr">
												<td>
													<div style="height: 90%; overflow: auto;">
														<ul id="leftUl" style="float: left; width: 100%">
															<c:forEach items="${columnList}" var="column">
																<li>
																	<div class="leftOption" value="${column.columnType}">
																		${column.columnName}
																	</div>
																</li>
															</c:forEach>
														</ul>
													</div>
												</td>
											</tr>
										</table>
									</div>
									<div class="em400 midDiv floatleft">
										<div class=" textcenter dbcolor "
											style="cursor: pointer; margin-top: 10em; margin-left: 0.5em; margin-right: 0.5em"
											onclick="toRight();">
											<div>
												 &mdash;&gt; 
											</div>
										</div>
										<div class="textcenter dbcolor"
											style="cursor: pointer; margin-top: 1em; margin-left: 0.5em; margin-right: 0.5em"
											onclick="toLeft();">
											<div>
												 &lt;&mdash; 
											</div>
										</div>
									</div>
									<div class="em400 rightDiv floatleft">
										<table class="rightTable"
											style="width: 100%; height: 25em; border-collapse: collapse; text-align: center;">
											<tr class="topTr" style="height: 10%">
												<td style="width: 50%">
													<div style="width: 50%; float: left">
														已选
													</div>
													<div style="width: 50%; float: left">
														别名
													</div>
												</td>
											</tr>
											<tr class="midTr">
												<td>
													<div style="height: 80%; overflow: auto;">
														<ul id="rightUl" style="float: left; width: 100%">
															<c:forEach items="${templateColumnList}" var="column">
																<li>
																	<div class='rFstOpt'>
																		${column.columnName }
																	</div>
																	<div class='rSecOpt' value="${column.dataType }">
																		<input type='text' style='width: 50%'
																			value="${column.columnAlias }"></input>
																	</div>
																</li>
															</c:forEach>
														</ul>
													</div>
													<br>
												</td>
											</tr>
											<tr class="buttomTr" style="height: 10%">
												<td>
													<div class=" textcenter dbcolor "
														style="cursor: pointer; width: 5em; float: left; margin-left: 0.5em; margin-right: 0.5em"
														onclick="up();">
														<div>
															 上移 
														</div>
													</div>
													<div class=" textcenter dbcolor "
														style="cursor: pointer; width: 5em; float: left; width: 5em; margin-left: 0.5em; margin-right: 0.5em"
														onclick="down();">
														<div>
															 下移 
														</div>
													</div>
													<div class=" textcenter dbcolor "
														style="cursor: pointer; width: 10em; float: left; margin-left: 0.5em; margin-right: 0.5em"
														onclick="downloadTemplate();">
														<div>
															 模板下载 
														</div>
													</div>

													<div style="float: left">
														<input type="checkbox"
																id="firstAbled" style="margin-left: 0.5em;" />文件第一行数据有效
													</div>
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class=" textcenter dbcolor "
									style="cursor: pointer; width: 5em; float: left; margin-left: 0.5em; margin-right: 0.5em"
									onclick="back();">
									<div>
										返回
									</div>
								</div>
								<div class=" textcenter dbcolor "
									style="cursor: pointer; width: 5em; float: left; margin-left: 0.5em; margin-right: 0.5em"
									onclick="save();">
									<div>
										保存
									</div>
								</div>
								<div class="em20 widthall"></div>
							</div>
						</div>
					</div>
					<div id="divtips" style="display: none"></div>
					<input type="hidden" value="pos_all_info" id="tableName" />
					<input type="hidden" value="${firstLineAbled }" id="firstLineAbled" />
				</form>
				<form action="downloadTemplate" id="template" method="post">
					<input type="hidden" value="" name="fileName">
					<input type="hidden" value="" name="dataStr">
					<input type="hidden" value="" name="character">
				</form>
			</div>
		</div>
		<div class="cleardiv"></div>
		<jsp:include page="footer.jsp"></jsp:include>
</html>